$a_color:rgba(255, 255, 255, .7);//普通的菜单文字颜色
$left_bar_bg_color:#20222A;//左侧菜单的背景色
$left_bar_border_top_color:lightslategray;//左侧菜单上边界颜色
$head_bar_bg_color:#20222A;//头部菜单的背景颜色
$left_bar_child_bg_color:rgba(0,0,0,.3);//非顶级菜单的背景颜色
$a_active_color:#fff;//被选中或者悬浮的菜单文集颜色
$a_active_bg_color:#009688;//被选中或者悬浮的菜单的背景颜色
$head_bar_user_text_color:white;//头部用户信息文字颜色
$head_bar_user_info_hover_bg_color:black;//头部用户信息悬浮背景色
$head_menu_down_border_color:#d2d2d2;//头部菜单用户信息下拉菜单边框颜色
$head_menu_down_bg_color:white;//头部菜单用户信息下拉菜背景颜色
$head_menu_down_hover_bg_color:#f2f2f2;//头部下拉菜单悬浮背景色
$head_menu_a_color:white;
body.black{
    .head{
        background-color: $head_bar_bg_color;
        .user-text,.user-info{
            color:$head_bar_user_text_color;
        }
        .head-item:hover{
            background-color: $head_bar_user_info_hover_bg_color;
        }
        a,a:hover{
            color: $head_menu_a_color;
        }
        .menu-down{
            border: 1px solid $head_menu_down_border_color;
            background-color: $head_menu_down_bg_color;
            li:hover{
                background-color: $head_menu_down_hover_bg_color;
            }
        }
    }
    li{
        list-style-type: none;
    }
    .left-bar{
        background-color: $left_bar_bg_color;
        border-top: 3px solid $left_bar_border_top_color;
        a{
            color: $a_color;
            font-size: 14px;
            transition:color 0.3s ,background-color 0.3s;
        }
        a:hover{
            color:$a_active_color;
        }
        .router-link-exact-active {
            color:$a_active_color;
            background-color: $a_active_bg_color;
        }
    }
    .second-menu-ul,
    .third-menu-ul,
    .fourth-menu-ul,
    .fifth-menu-ul,
    .sixth-menu-ul,
    .seventh-menu-ul,
    .eighth-menu-ul,
    .ninth-menu-ul,{
        background-color: $left_bar_child_bg_color;
    }
}